<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			body{
				background-color: red;
				
			}
			#big-div{
				width: 451px;
				height: 300px;
				margin: auto;
				margin-top: 200px;
				
			}
			#div1{
				color: white;
				font-size: 30px;
				
			}
			#div2{
				color: white;
				font-size: 50px;
				font-weight: bold;
			}
			#xioa{
				color: #FF0000;
				font-size: 40px;
				border: 3px white solid;
				background-color: white;
				border-radius: 100px;
				font-weight: bold;
				width: 450px;
			}
			.is{
				margin-bottom: 10px;
			}
			div{
				
				text-align: center;
			}
		</style>
	</head>
	<body>
		
		<div id="big-div">
			<div id="div1">
				<span>一加&360</span>
			</div>
			<div id="div2">
				<span>狂欢专场</span>
			</div>
			<div id="xioa" class="is">
				<span>抢618大额神券</span>
			</div>
			<div id="xioa">
				<span>爆款手机低至5折</span>
			</div>
		</div>
	</body>
</html>